<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="/favicon.ico">
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <!--[if lt IE 9]>
<script type="text/javascript" src="/admin/lib/html5shiv.js"></script>
<script type="text/javascript" src="/admin/lib/respond.min.js"></script>
<![endif]-->
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui/css/H-ui.css" />
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="/admin/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
<script type="text/javascript" src="/admin/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
    <title></title>
    <style>
    </style>
</head>

<body>
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 检测申请 <span class="c-gray en">&gt;</span>        检测申请列表
        <a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
            title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
    </nav>
    <div class="page-container">
        <div class="">
            <table class="table table-border table-bordered table-hover table-bg table-responsive" id="datatable">
                <thead>
                    <tr>
                        <th scope="col" colspan="10">检测申请列表</th>
                    </tr>
                    <tr class="text-c">
                        <th>申请单号</th>
                        <th>申请单位</th>
                        <th>样品总量</th>
                        <th>申请时间</th>
                        <th>受理时间</th>
                        <th>预计检测日期</th>
                        <th>状态</th>
                        <th>批次编号</th>
                        <th>操作</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <!--_footer 作为公共模版分离出去-->
    <script type="text/javascript" src="/admin/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="/admin/lib/layer/3.1.1/layer.js"></script>
    <script type="text/javascript" src="/admin/static/h-ui/js/H-ui.min.js"></script>
    <script type="text/javascript" src="/admin/static/h-ui.admin/js/H-ui.admin.js?ver={{config('constant.static_res_ver')}}"></script>
    <!--/_footer 作为公共模版分离出去-->

    <!--请在下方写此页面业务相关的脚本-->
    {{-- <script type="text/javascript" src="/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script> --}}
    <script type="text/javascript" src="/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
    {{-- <script type="text/javascript" src="/admin/lib/datatables/1.10.18/datatables.min.js"></script> --}}
    {{-- <script type="text/javascript" src="/admin/lib/laypage/1.2/laypage.js"></script> --}}

    <script type="text/javascript">
var table;
$(function(){
    $.fn.dataTable.ext.errMode = 'throw';//datatable抛异常的方式，在console中输出，默认以alert的方式弹出
    table = $('#datatable').DataTable({
        order: [[ 3, 'desc' ]],//默认第几个排序 
        ordering: true, // 是否排序
        // "stateSave": true,// 状态保存 - 再次加载页面时还原表格状态
        // "stateDuration": -1,//仅保留当前会话的数据
        // "paging":false, //禁用分页
        // serverSide: true,//服务器端处理模式——此模式下如：过滤、分页、排序的处理都放在服务器端进行。
        // responsive: true,//响应式，需要插件
        // fixedHeader: true,//表头固定，需要插件
        // autoWidth: false,
        "deferRender": true,//延迟渲染速度
        ajax: "/{{config('constant.name_admin')}}/testPlan/indexAll",
        processing : true,//加载数据时候是否显示进度条
        language: { url: '/admin/lib/datatables/dataTables_Chinese_Lang.json' },
        /* createdRow : function( row, data, dataIndex ) { 
            //当tr元素被创建（所有的td元素已经插入进去），或者给tr绑定事件，该回调函数被执行
            $(row).addClass( 'text-c' );  
        },
        initComplete : function (settings, json) {
            //当表格完成加载绘制完成后执行此方法
            // $(row).addClass( 'text-c' );
            // alert(111);
        }, */

        // <th>申请单号</th>
        // <th>样品总量</th>
        // <th>添加时间</th>
        // <th>受理时间</th>
        // <th>预计检测日期</th>
        // <th>状态</th>
        // <th>操作</th>

        columns: [
            { data : "num", class:"text-c" },//申请单号 0
            { data : "client_name", class:"text-c" },//样品总量 1
            { data : "count", class:"text-c" },//样品总量 2
            { data : "created_at", class:"text-c" },//添加时间 3
            { data : "accept_time", class:"text-c" },//受理时间 4
            { data : "test_date", class:"text-c hidden" },//预计检测日期 5
            { data : "status", class:"text-c" },//状态 6
            { data : "batchNum", class:"text-c" },//批次编号 7
            { data : null, class:"text-c" },//操作 8
        ],
        columnDefs: [
            { targets: [2,3,4,5,6,8], searchable: false } ,//不参与搜索的列
            { targets: [7,8], orderable: false },//禁用排序的列
            {
                //状态
                targets: 6,
                render: function(data, type, row, meta) {
                    if (data == 0) {
                        return '<span class="label label-warning radius">排队中</span>';
                    }else if(data == 10){
                        return '<span class="label label-success radius">已受理</span>';
                    }else if(data == -5){
                        return '<span class="label label-default radius">已撤销</span>';
                    } 
                    else{
                        return '<span class="label label-default radius">未知</span>';
                    }
                }
            },
            {
                //操作
                targets: 8,
                render: function(data, type, row, meta) {
                    var btn_accept;
                    if (row.status != 0) {
                        btn_accept = ' <a href="javascript:;" class="ml-5 btn radius size-MINI disabled" >新建批次</a>';
                    } else {
                        btn_accept = ' <a href="javascript:;" onclick="accept(' + row.id + ')" class="ml-5 btn btn-danger-outline radius size-MINI" >新建批次</a>';
                    }
                    return '<a class="ml-5 btn btn-primary-outline radius size-MINI" href="javascript:;" onclick="location.href=\'/storage/' + row.file_path + '\'">查看附件</a> ' + 
                    btn_accept;
                }
            }
        ],
    });

    /*  draw  在表格完成绘制后触发*/
    table.on( 'draw', function () {
        var info = table.page.info();
        //如果最后一页仅剩一条记录，而且不是在第一页
        if((info.start == info.end) && info.end > 1){
            //跳转到上一页
            $('#datatable_previous').click();
        }
    });
});

/*表格重新加载*/
function table_reload(bool){
    //清除表头 CheckBox的对勾
    $("#datatable").find("thead").find("input[type=checkbox]").removeAttr('checked');
    if(bool){
        //true时，跳到第一页
        table.ajax.reload(); 
    }else{
        //false时，停留在原来页
        table.ajax.reload(null, false);
    }
}

/*受理*/
function accept(id){
    var index2;

	layer.confirm('确认要受理吗？',function(index){
		$.ajax({
			type: 'GET',
			url: '/{{config('constant.name_admin')}}/testPlan/accept' + '?id=' + id,
			// dataType: 'json',
			success: function(data){
                // console.log(data);
                if(data === '1'){
                    table_reload(0);//0停留在当前页，1回到第一页
                    layer.msg('受理成功!',{icon:1,time:2000});
                }else{
                    layer.msg('受理失败!',{icon:2,time:2000});
                }
			},
			error:function(data) {
                ajax_error(data);
            },
            beforeSend : function () { 
                //0.4透明度 白色遮罩
                index2 = layer.load(2,{ shade: [0.05,'#000'] }); 
            },
            complete : function () { 
                layer.close(index2); 
            },
		});		
	});
}

/*编辑*/
function edit(title,url,id,w,h){
    layer_show(title,url + '?id=' + id,w,h);
}
/*修改密码*/
function edit_pass(title,url,id,w,h){
    layer_show(title,url + '?id=' + id,w,h);
}
/*添加*/
function add(title,url,w,h){
	layer_show(title,url,w,h);
}

    </script>
</body>

</html>